.PayTitie{
	color: var(--themeColor);
	font-size: 50rpx;
	font-weight: bold;
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 30rpx;

}



.userInfo{
		display: flex;
		flex-direction: column;
		padding: 20rpx;
		font-size: 30rpx;
		margin: 20rpx 10rpx 0rpx 10rpx;
		border: 8rpx solid var(--themeColor);
		border-radius: 20rpx;
		.info{
			display: flex;
			.infoName{
				position: relative;
				font-size: 40rpx;
				font-weight: bold;
			}
			.infoPhoneNum{
				position: relative;
				left: 20rpx;
				color: #7e7e7e;
				margin-top: 15rpx;
			}
		}
		.infoAddress{
			margin-top: 30rpx;
		}
	}
	
	
.carListInfo{	
	margin: 30rpx 10rpx 0rpx 10rpx;
	padding: 20rpx;
	border: 8rpx solid var(--themeColor);
	border-radius: 20rpx;
	.carListInfoItems{
		display: flex;
		margin-top: 20rpx;
		border-bottom: 5rpx solid #dadada;
		padding: 10rpx;
		padding-bottom: 15rpx;
		.car_goods_img{
			flex: 2;
			display: flex;
			justify-content: center;
			align-items: center;
			image{
				width: 80%;
			}
		}
	
		
		.car_goods_info{
			flex: 4;
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			padding-left: 30rpx;
			.goods_name{
				display: -webkit-box;
				overflow: hidden;
				-webkit-box-orient: vertical;
				-webkit-line-clamp:2;
				color: #636363;
			}
			.goods_price{
				display: flex;
				justify-content: space-between;
				margin-top: 20rpx;
				.goods_price_box{
					color: var(--themeColor);
					font-size: 40rpx;
				}
				.goods_num{
					display: flex;
					align-items: flex-end;
				}
			}
		}
	}
}


.footer_tool{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 90rpx;
	background-color: #fff;
	display: flex;
	border-top: 3rpx solid #dedede;
	.totalPrice{
		flex: 5;
		text-align: right;
		padding-top: 5rpx;
		padding-right: 10rpx;
		.totalPrice_Show{		
			.totalPrice_Show_title{
				color: var(--themeColor);
				font-size: 35rpx;
				font-weight: bold;
			}
		}
		
	}
	
	.Pay{
		flex: 3;
		background-color: var(--themeColor);
		color: #FFFFFF;
		font-size: 30rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}